<template>
  <div class="app-car-container">
    <CustomContent>
      <template v-slot:body>
        <div>
          <el-descriptions title="公司信息" :column="2" border>
            <el-descriptions-item label="公司名称">{{detailInfo.name}}</el-descriptions-item>
            <el-descriptions-item label="法人">{{detailInfo.legalPerson}}</el-descriptions-item>
            <el-descriptions-item label="公司邮箱">{{detailInfo.mailbox}}</el-descriptions-item>
            <el-descriptions-item label="对公账号">{{detailInfo.bankAccount}}</el-descriptions-item>
            <el-descriptions-item label="开户银行">{{detailInfo.bankName}}</el-descriptions-item>
            <el-descriptions-item label="开户支行">{{detailInfo.branchBankName}}</el-descriptions-item>
            <el-descriptions-item label="统一社会信用代码">{{detailInfo.name}}</el-descriptions-item>
            <el-descriptions-item label="签章类型">{{detailInfo.signatureMethod|signatureMethod}}</el-descriptions-item>
            <el-descriptions-item label="印章内容">{{detailInfo.localSeal}}</el-descriptions-item>
          </el-descriptions>

          <el-descriptions style="margin-top: 10px" title="签章管理员信息" :column="2" border>
            <el-descriptions-item label="管理员类型">{{detailInfo.contactsType|contactsType}}</el-descriptions-item>
            <el-descriptions-item label="管理员姓名">{{detailInfo.contacts}}</el-descriptions-item>
            <el-descriptions-item label="证件类型">{{detailInfo.idType|idType}}</el-descriptions-item>
            <el-descriptions-item label="证件号码">{{detailInfo.idNumber}}</el-descriptions-item>
          </el-descriptions>
        </div>
      </template>
    </CustomContent>

  </div>
</template>

<script>
import CustomContent from '@/components/custom/content.vue'
import * as contractApi from "@/api/contract/enterpriseCertification";
export default {
  // import 引入的组件需要注入到对象中才能使用
  components: {CustomContent},
  props: {},
  data() {
    // 这里存放数据
    return {
      detailInfo:{}
    }
  },
  // 计算属性 类似于 data 概念
  computed: {},
  // 方法集合
  methods: {
    getDetail() {
      contractApi.detail(this.$route.query.id).then(res => {
        this.detailInfo = res.data;
      })
    }
  },
  // 生命周期 - 创建完成（可以访问当前this 实例）
  created() {
  },
  // 生命周期 - 挂载完成（可以访问 DOM 元素）
  mounted() {
    this.getDetail();
  },

}
</script>

<style lang="scss" scoped>
</style>
